<script setup>
import base1Img from "../../assets/img/base1.png";
import base2Img from "../../assets/img/base2.png";
  import {reactive} from "vue";

  const data = reactive({
    images:[
      base1Img,
      base2Img
    ]
  })
</script>

<template>
  <van-swipe :autoplay="3000">
    <van-swipe-item v-for="(image, index) in data.images" :key="index">
      <img id="img" :src="image"/>
    </van-swipe-item>
  </van-swipe>
</template>


<style scoped>
  #img{
    margin-top: 1vh;
    width: 100vw;
    height: 20vh;
    border-radius: 5px;
    overflow: hidden;
  }
</style>
